<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/global.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    			<style>
					.fenleigoods{ float: left; width: 100%;}
					.fenleigoods li{ float: left; width: 50%;  text-align: center; line-height: 25px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE;}
					.fenleigoods li:nth-of-type(odd){ border-right: 1px solid #EEEEEE;}
				.ltpaixu{ float: left; width: 100%; padding:0 20px; border-bottom: 1px solid #EEEEEE;}
				.ltpaixu li{ float: left; width: 33.3%; text-align: center;}
				.ltpaixu li p { width: 90%; margin: 0 auto;line-height: 36px; font-size:15px ;}
				.ltpaixu li p img{display: none;}
    			.index p{ border-bottom: #f9b800 2px solid; color: #f9b800;}
    			.index img{display: inline !important;}
    			</style>
</head>
<body>
	<!-- 导航 -->
		<div class="mui-bar mui-bar-nav bj">
			<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys  mui-action-back" onclick="javascript:history.go(-1);">
				<img style=" max-width: 50%; vertical-align: middle;" src="../images/back.png" />
			</button>

			<a class="fandajin-btn"></a>
			<h1 class="mui-title"><label style="font-size: 22px;vertical-align: middle;"><span id="category_name"> </span></label></h1>
		</div>
		<!-- 主体内容 -->
		<section>
			<!-- banner -->
			<div class="mui-content mt45" style="margin-top: 45px;"></div>

			<!-- 以下内容 -->
			
			<ul class="ltpaixu">
				<li class="index" id="shouyi" onclick="init_get_list(4,'s_img')" style="cursor: pointer"><p>收益率<img id="s_img" style="vertical-align:middle; margin-top: -4px; margin-left: 2px; width: 12px;" src="../images/list_03.png"/></p></li>
				<li id="jiage" onclick="init_get_list(3,'j_img')" style="cursor: pointer"><p>价格<img id="j_img" style="vertical-align:middle; margin-top: -4px; margin-left: 2px; width: 12px;" src=""/></p></li>
				<li id="xiaoliang" onclick="init_get_list(1,'x_img')" style="cursor: pointer"><p>销量<img id="x_img" style="vertical-align:middle; margin-top: -4px; margin-left: 2px; width: 12px;" src=""/></p></li>
			</ul>
			
				<!--                	
                	时间：2016-11-07
                	描述：分类
               -->
				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>
				<div id="product_list"></div>
			<div style="background: #F4F4F4; height: 62px; clear: both;"></div>
		</section>
		
				
</body>

<script type="text/html" id="product_category">
<ul class="fenleigoods">
	<%
	if(goods_list.length >0){
	for (var i = 0;i<goods_list.length;i++){%>
	<li>
		<a href="product_detail.html?goods_id=<%=goods_list[i].goods_id;%>">
			<img style="max-width: 100%;" src="<%=goods_list[i].goods_image_url%>" />
		</a>
		<p style="color: #555555; font-size: 14px;"><%=goods_list[i].goods_name%></p>
		<p style="color: #c10a1f; font-size: 16px;">￥<%=goods_list[i].goods_price%></p>
		<p style="color: #f9b800; font-size: 13px;">年收益<%=goods_list[i].goods_rate%>%</p>
	</li>
	<% }
	}%>
</ul>
</script>

<script type="text/javascript" src="../js/config.js"></script>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/template.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/tmpl/product_list_category.js"></script>
</html>